<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
	ob_start();
	session_start();
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js template/require.js"></script>
<script type="text/javascript" src="js template/jquery-1.11.0.js"></script>

<!-- jquery autocomplete cho ma hoi vien-->
<link type="text/css" href="css template/jquery-ui.css" rel="stylesheet"/>
<!--<script type="text/javascript" src="js template/jquery.min.js"></script>-->
<script type="text/javascript" src="js template/jquery-ui.min.js"></script>

<!-- css cho phần khung chủ -->
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<link rel="stylesheet" href="styles/custom.css" type="text/css" />   

<!--------------------------------------------------->
<script>

	var data = [{ value: "", label: "" }];
	<?php
			include("handle/config.php");
			$sql = "SELECT  *  FROM HOIVIEN";
			$result=mysqli_query($con,$sql);
			while($row = mysqli_fetch_array($result))
			{
				echo "data.push({value: '".$row['MAHV']."', label: '".$row['MAHV']."'} );";
				
			}
	?>
	$(function() {
		$("#timmahv").autocomplete({
			source: data
		});
		
	});
	var dbclick=true;//kiểm khi người dùng click nhanh
	//hien thong tin hoi vien can them

	$(document).bind("keydown", function(event){
	  if(event.which=="13")
	   {
		  $("#showHV").click();
		}
	});

	$(document).ready(function(){$("#showHV").click( function()
	{
		var maHV = document.getElementById("timmahv").value;
		if(maHV=="") return;
		if(dbclick){ 
		dbclick= false;
		// kiểm tra xem trong bảng thêm đã tồn tại HV này chưa
		var table = document.getElementById("bangthem");
		var rowCount = table.rows.length;
		var dshv= "";
		for(var i=1; i<rowCount; i++) 
		{
			
			if(maHV==table.rows[i].cells[0].firstChild.nodeValue) return;
		}
		// thêm hội viên này vào bảng thêm
		xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange=function()
		{
			if(xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				$("#bangthem").append(xmlhttp.responseText);
				
			}
		}
		xmlhttp.open("GET","php sources/getHV.php?maHV="+maHV,false);
		xmlhttp.send();
		}
		dbclick= true;
	});
	});

	//cập nhật hội viên cho bảng hội viên
	function CapNhatBangHV()
	{
		// xoa tất cả các dòng trong bảng hội viên cần thêm
		/*var tableHV = document.getElementById("bangHV");
		var rowCountHV = tableHV.rows.length;
		for(var i=1; i<rowCountHV; i++) 
		{
			tableHV.deleteRow(i);
			rowCountHV--;
			i--;
		}
		//thêm tất cả các dòng trong bảng hội viên tham gia hoạt động này
		
		xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange=function()
		{
			if(xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				$("#bangHV").append(xmlhttp.responseText);
			}
		}
		var mahd=<?php echo json_encode("$_GET[mahd]"); ?>;
		xmlhttp.open("GET","GetHD_HV.php?mahd="+mahd,false);
		xmlhttp.send();*/
		
	}
	// them hoi tat ca cac hoi vien duoc chon vao danh sach
	$(document).ready(function(){ $("#themHVTG").click(function()
	{
		// thêm vào cơ sở dữ liệu
		var tableThem = document.getElementById("bangthem");
		var rowCountThem = tableThem.rows.length;
		var dshv= "";
		for(var i=1; i<rowCountThem; i++) 
		{
			
			dshv+=tableThem.rows[i].cells[0].firstChild.nodeValue+";";
		}
		var mahd=<?php echo json_encode("$_GET[mahd]"); ?>;
		 $(document).ready(function(  )
		 {
		 $.get("php sources/ThemDSHVTG.php",{dshv:dshv,mahd:mahd});
		 });
		//xóa bảng thêm
		/*for(var i=1; i<rowCountThem; i++) 
		{
			tableThem.deleteRow(i);
			rowCountThem--;
			i--;
		}*/
		//cập nhật lại bảng hội viên
		//CapNhatBangHV();
		location.reload();
	});
	});
	// xóa hội viên ra khỏi bảng hội viên tham gia hoạt động này

	function XoaHVTG(button,index)
	{
		var mahv = document.getElementById("maHV"+index).innerHTML;
		// xác nhận xóa ra khỏi danh sách
		var conf=confirm("Bạn sẽ xóa hội viên "+mahv+" ra khỏi danh sách hoạt động?");
		if(conf==false) return;
		var cell=$(button).parent();
		var tr=cell.parent();
		//cập nhật cơ sở dữ liệu
		var mahd=<?php echo json_encode("$_GET[mahd]"); ?>;	
		$.get("php sources/XoaHVTG.php",{mahv:mahv,mahd:mahd});
		tr.fadeOut(500,function() {tr.remove();});
	}
	// xóa hội viên ra khỏi bảng hội viên cần thêm vào hoạt động
	function Xoahvthem(button)
	{
		var td=$(button).parent();
		var tr=td.parent();
		tr.fadeOut(500,function() {tr.remove();});
	}
	$(document).keypress(function(e) {
    if(e.which == 13) {
      return false;
    }
});
</script>
<!--- javascript cho autocomplete  -->
	  
<!------------------------------------------------------------>
<!--sort table-->
<script src="js template/stupidtable.js?dev"></script>
<script>
    $(function(){
        $(".thongtinhv").stupidtable();
    });
</script>

<title>Thêm hội viên tham gia</title>
</head>
<body>
	<?php $hdkt ="active"; include("header.html");?>
	<div class='container'>
	<div >
    	<form>
        	<fieldset>
            	
                	Mã hội viên <input id="timmahv" type="text"/>
					<button type="button" id="showHV">Tìm</button>
                    <table id="bangthem"  class='thongtinhv'>
                    	<thead>
                    	<tr class="tablehead">
                        	<th id='maHV' data-sort="string-ins">Mã hội viên</th>
                        	<th id='tenHV' data-sort="string-ins">Tên hội viên</th>
                            <th id='nganh' data-sort="string-ins">Ngành học</th>
                            <th id='khoa' data-sort="string-ins">Khoa</hd>
                            <th id='email' data-sort="string-ins">Email</th>
                            <th id='sdt' data-sort="string-ins">Số điện thoại</th>
                            <th id='xoa'>Xóa hội viên</th>
                        </tr>
                        </thead>
                    </table>
                    <button type="button" id="themHVTG" >Thêm</button>
            </fieldset>
        </form>
        <p id="thongbao" style="color:#F00"></p>
    </div>
    <div>
	<fieldset>
        <table class='thongtinhv' id="bangHV">
        		<thead>
                <tr class="tablehead">
                    <th id='maHV' data-sort="string-ins">Mã hội viên</th>
                    <th id='tenHV' data-sort="string-ins">Tên hội viên</th>
                    <th id='nganh' data-sort="string-ins">Ngành học</th>
                    <th id='khoa' data-sort="string-ins">Khoa</th>
                    <th id='email' data-sort="string-ins">Email</th>
                    <th id='sdt' data-sort="int">Số điện thoại</th>
                    <th id='xoa'>Xóa hội viên</th>
                </tr>
           		</thead>
                    <?php
                        include("handle/config.php");
                        // lấy danh sách các hội viên ra
                        $sql = "SELECT  HD_HV.MAHV as MAHV, HOTEN, NGANH, KHOA, EMAIL, SDT  FROM HD_HV, HOIVIEN where HD_HV.MAHV=HOIVIEN.MAHV AND MAHD='".$_GET['mahd']."'";
                        $result=mysqli_query($con,$sql);
						$i=1;
                        while($row = mysqli_fetch_array($result))
                        {
                            echo "<tr id='dshvthamgia'>
                                    <td id='maHV$i'>".$row['MAHV']."</td>
                                    <td id='tenHV'>".$row['HOTEN']."</td>
                                    <td id='nganh'>".$row['NGANH']."</td>
									<td id='khoa'>".$row['KHOA']."</td>
									<td id='email'>".$row['EMAIL']."</td>
									<td id='sdt'>".$row['SDT']."</td>
									<td id='xoa'><button type='button' id='xoaHV' onclick='XoaHVTG(this,$i)'>Xóa</button></td>
                                </tr>";
							$i++;
                        }
                    ?>
        </table>
	</fieldset>
    </div>
	</div>
</body>
</html>
